<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8"/>
  <title>iconfont Demo</title>
  <link rel="shortcut icon" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg" type="image/x-icon"/>
  <link rel="icon" type="image/svg+xml" href="//img.alicdn.com/imgextra/i4/O1CN01Z5paLz1O0zuCC7osS_!!6000000001644-55-tps-83-82.svg"/>
  <link rel="stylesheet" href="https://g.alicdn.com/thx/cube/1.3.2/cube.min.css">
  <link rel="stylesheet" href="demo.css">
  <link rel="stylesheet" href="iconfont.css">
  <script src="iconfont.js"></script>
  <!-- jQuery -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/7bfddb60-08e8-11e9-9b04-53e73bb6408b.js"></script>
  <!-- 代码高亮 -->
  <script src="https://a1.alicdn.com/oss/uploads/2018/12/26/a3f714d0-08e6-11e9-8a15-ebf944d7534c.js"></script>
  <style>
    .main .logo {
      margin-top: 0;
      height: auto;
    }

    .main .logo a {
      display: flex;
      align-items: center;
    }

    .main .logo .sub-title {
      margin-left: 0.5em;
      font-size: 22px;
      color: #fff;
      background: linear-gradient(-45deg, #3967FF, #B500FE);
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
    }
  </style>
</head>
<body>
  <div class="main">
    <h1 class="logo"><a href="https://www.iconfont.cn/" title="iconfont 首页" target="_blank">
      <img width="200" src="https://img.alicdn.com/imgextra/i3/O1CN01Mn65HV1FfSEzR6DKv_!!6000000000514-55-tps-228-59.svg">
      
    </a></h1>
    <div class="nav-tabs">
      <ul id="tabs" class="dib-box">
        <li class="dib active"><span>Unicode</span></li>
        <li class="dib"><span>Font class</span></li>
        <li class="dib"><span>Symbol</span></li>
      </ul>
      
      <a href="https://www.iconfont.cn/manage/index?manage_type=myprojects&projectId=2932198" target="_blank" class="nav-more">查看项目</a>
      
    </div>
    <div class="tab-container">
      <div class="content unicode" style="display: block;">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
              <span class="icon iconfont">&#xe68d;</span>
                <div class="name">权限</div>
                <div class="code-name">&amp;#xe68d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe635;</span>
                <div class="name">存储</div>
                <div class="code-name">&amp;#xe635;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe628;</span>
                <div class="name">快捷键</div>
                <div class="code-name">&amp;#xe628;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61d;</span>
                <div class="name">消息</div>
                <div class="code-name">&amp;#xe61d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe681;</span>
                <div class="name">登录设置</div>
                <div class="code-name">&amp;#xe681;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65a;</span>
                <div class="name">滑块</div>
                <div class="code-name">&amp;#xe65a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe644;</span>
                <div class="name">退出</div>
                <div class="code-name">&amp;#xe644;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe627;</span>
                <div class="name">过滤器</div>
                <div class="code-name">&amp;#xe627;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe603;</span>
                <div class="name">垃圾箱</div>
                <div class="code-name">&amp;#xe603;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe638;</span>
                <div class="name">垃圾箱</div>
                <div class="code-name">&amp;#xe638;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe655;</span>
                <div class="name">相册</div>
                <div class="code-name">&amp;#xe655;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe680;</span>
                <div class="name">创建相册-01</div>
                <div class="code-name">&amp;#xe680;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe643;</span>
                <div class="name">icon-renyuan</div>
                <div class="code-name">&amp;#xe643;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe619;</span>
                <div class="name">图片上传</div>
                <div class="code-name">&amp;#xe619;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe61a;</span>
                <div class="name">日志</div>
                <div class="code-name">&amp;#xe61a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe602;</span>
                <div class="name">点赞</div>
                <div class="code-name">&amp;#xe602;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec8c;</span>
                <div class="name">点赞_块</div>
                <div class="code-name">&amp;#xec8c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe782;</span>
                <div class="name">刷新</div>
                <div class="code-name">&amp;#xe782;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c4;</span>
                <div class="name">连麦，音乐，耳麦</div>
                <div class="code-name">&amp;#xe6c4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe604;</span>
                <div class="name">03-视频管理</div>
                <div class="code-name">&amp;#xe604;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea7c;</span>
                <div class="name">井号</div>
                <div class="code-name">&amp;#xea7c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xea7b;</span>
                <div class="name">井号</div>
                <div class="code-name">&amp;#xea7b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe613;</span>
                <div class="name">箭头_左</div>
                <div class="code-name">&amp;#xe613;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe616;</span>
                <div class="name">箭头_上</div>
                <div class="code-name">&amp;#xe616;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe617;</span>
                <div class="name">箭头_右</div>
                <div class="code-name">&amp;#xe617;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe618;</span>
                <div class="name">下箭头</div>
                <div class="code-name">&amp;#xe618;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe650;</span>
                <div class="name">艾特</div>
                <div class="code-name">&amp;#xe650;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe688;</span>
                <div class="name">笑脸</div>
                <div class="code-name">&amp;#xe688;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe601;</span>
                <div class="name">井号</div>
                <div class="code-name">&amp;#xe601;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe640;</span>
                <div class="name">相机</div>
                <div class="code-name">&amp;#xe640;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xec7f;</span>
                <div class="name">插入链接</div>
                <div class="code-name">&amp;#xec7f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe615;</span>
                <div class="name">已认证</div>
                <div class="code-name">&amp;#xe615;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77f;</span>
                <div class="name">未认证</div>
                <div class="code-name">&amp;#xe77f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe66f;</span>
                <div class="name">email</div>
                <div class="code-name">&amp;#xe66f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe671;</span>
                <div class="name">folder-close</div>
                <div class="code-name">&amp;#xe671;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68a;</span>
                <div class="name">news-filling</div>
                <div class="code-name">&amp;#xe68a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe68b;</span>
                <div class="name">folder-filling</div>
                <div class="code-name">&amp;#xe68b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe828;</span>
                <div class="name">customer-group-fill</div>
                <div class="code-name">&amp;#xe828;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe829;</span>
                <div class="name">customer-group</div>
                <div class="code-name">&amp;#xe829;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe698;</span>
                <div class="name">头像 红发男人</div>
                <div class="code-name">&amp;#xe698;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe699;</span>
                <div class="name">头像 简约男士</div>
                <div class="code-name">&amp;#xe699;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69a;</span>
                <div class="name">头像 职场男士</div>
                <div class="code-name">&amp;#xe69a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69b;</span>
                <div class="name">头像 红色毛衣男孩</div>
                <div class="code-name">&amp;#xe69b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69d;</span>
                <div class="name">头像 红色毛衣女孩</div>
                <div class="code-name">&amp;#xe69d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69e;</span>
                <div class="name">头像 男 客服</div>
                <div class="code-name">&amp;#xe69e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69f;</span>
                <div class="name">头像 毛衣暖男</div>
                <div class="code-name">&amp;#xe69f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a0;</span>
                <div class="name">头像 阳光男生</div>
                <div class="code-name">&amp;#xe6a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a1;</span>
                <div class="name">头像 中长发女孩</div>
                <div class="code-name">&amp;#xe6a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a2;</span>
                <div class="name">头像 职场商务女士</div>
                <div class="code-name">&amp;#xe6a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a3;</span>
                <div class="name">头像 商务男人</div>
                <div class="code-name">&amp;#xe6a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a4;</span>
                <div class="name">头像 大胡子男士</div>
                <div class="code-name">&amp;#xe6a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a5;</span>
                <div class="name">头像 丸子头女孩</div>
                <div class="code-name">&amp;#xe6a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a7;</span>
                <div class="name">头像 性感红发女</div>
                <div class="code-name">&amp;#xe6a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a8;</span>
                <div class="name">头像 可爱背带裤女孩</div>
                <div class="code-name">&amp;#xe6a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a9;</span>
                <div class="name">头像 商务女士</div>
                <div class="code-name">&amp;#xe6a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6aa;</span>
                <div class="name">头像 温柔蝴蝶结女孩</div>
                <div class="code-name">&amp;#xe6aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ab;</span>
                <div class="name">头像 短发女孩</div>
                <div class="code-name">&amp;#xe6ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ac;</span>
                <div class="name">头像 商务男士</div>
                <div class="code-name">&amp;#xe6ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ad;</span>
                <div class="name">头像 女客服</div>
                <div class="code-name">&amp;#xe6ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ae;</span>
                <div class="name">头像 双马尾女孩</div>
                <div class="code-name">&amp;#xe6ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6af;</span>
                <div class="name">头像 暖男</div>
                <div class="code-name">&amp;#xe6af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe600;</span>
                <div class="name">3.1-搜索</div>
                <div class="code-name">&amp;#xe600;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe614;</span>
                <div class="name">风车</div>
                <div class="code-name">&amp;#xe614;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7cb;</span>
                <div class="name">购物包</div>
                <div class="code-name">&amp;#xe7cb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe69c;</span>
                <div class="name">bilibili-fill</div>
                <div class="code-name">&amp;#xe69c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b9;</span>
                <div class="name">手机</div>
                <div class="code-name">&amp;#xe8b9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8c6;</span>
                <div class="name">手机</div>
                <div class="code-name">&amp;#xe8c6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe631;</span>
                <div class="name">性别男</div>
                <div class="code-name">&amp;#xe631;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6db;</span>
                <div class="name">女</div>
                <div class="code-name">&amp;#xe6db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe729;</span>
                <div class="name">减号</div>
                <div class="code-name">&amp;#xe729;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe795;</span>
                <div class="name">138设置、系统设置、功能设置、属性</div>
                <div class="code-name">&amp;#xe795;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe796;</span>
                <div class="name">137设置、系统设置、功能设置、属性-线</div>
                <div class="code-name">&amp;#xe796;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74e;</span>
                <div class="name">时钟-fill</div>
                <div class="code-name">&amp;#xe74e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe74f;</span>
                <div class="name">时钟</div>
                <div class="code-name">&amp;#xe74f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe790;</span>
                <div class="name">菜单</div>
                <div class="code-name">&amp;#xe790;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe720;</span>
                <div class="name">方形未选中</div>
                <div class="code-name">&amp;#xe720;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe624;</span>
                <div class="name">返回</div>
                <div class="code-name">&amp;#xe624;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe625;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe625;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6a6;</span>
                <div class="name">关闭</div>
                <div class="code-name">&amp;#xe6a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6cf;</span>
                <div class="name">品类规划</div>
                <div class="code-name">&amp;#xe6cf;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb02;</span>
                <div class="name">24gl-ellipsis</div>
                <div class="code-name">&amp;#xeb02;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb03;</span>
                <div class="name">24gl-ellipsisVertical</div>
                <div class="code-name">&amp;#xeb03;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb10;</span>
                <div class="name">24gf-ellipsisVertical</div>
                <div class="code-name">&amp;#xeb10;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xeb11;</span>
                <div class="name">24gf-ellipsis</div>
                <div class="code-name">&amp;#xeb11;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe610;</span>
                <div class="name">运维管理</div>
                <div class="code-name">&amp;#xe610;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe611;</span>
                <div class="name">系统设置</div>
                <div class="code-name">&amp;#xe611;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe612;</span>
                <div class="name">设备管理</div>
                <div class="code-name">&amp;#xe612;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe882;</span>
                <div class="name">01运输中、物流-线性</div>
                <div class="code-name">&amp;#xe882;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe883;</span>
                <div class="name">01运输中、物流</div>
                <div class="code-name">&amp;#xe883;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe884;</span>
                <div class="name">02包裹、发货</div>
                <div class="code-name">&amp;#xe884;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe885;</span>
                <div class="name">02包裹、发货-线性</div>
                <div class="code-name">&amp;#xe885;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe886;</span>
                <div class="name">03拆包裹、取件</div>
                <div class="code-name">&amp;#xe886;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe887;</span>
                <div class="name">03拆包裹、取件-线性</div>
                <div class="code-name">&amp;#xe887;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe888;</span>
                <div class="name">04自提柜</div>
                <div class="code-name">&amp;#xe888;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe889;</span>
                <div class="name">04自提柜-线性</div>
                <div class="code-name">&amp;#xe889;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88a;</span>
                <div class="name">06商品</div>
                <div class="code-name">&amp;#xe88a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88b;</span>
                <div class="name">06商品-线性</div>
                <div class="code-name">&amp;#xe88b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88c;</span>
                <div class="name">07配载、装车</div>
                <div class="code-name">&amp;#xe88c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88d;</span>
                <div class="name">07配载、装车-线性</div>
                <div class="code-name">&amp;#xe88d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88e;</span>
                <div class="name">08质量-线性</div>
                <div class="code-name">&amp;#xe88e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe88f;</span>
                <div class="name">08质量</div>
                <div class="code-name">&amp;#xe88f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe890;</span>
                <div class="name">09安全、保障</div>
                <div class="code-name">&amp;#xe890;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe891;</span>
                <div class="name">09安全、保障-线性</div>
                <div class="code-name">&amp;#xe891;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe892;</span>
                <div class="name">10仓库、仓储</div>
                <div class="code-name">&amp;#xe892;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe893;</span>
                <div class="name">10仓库、仓储-线性</div>
                <div class="code-name">&amp;#xe893;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe894;</span>
                <div class="name">11中转站-线性</div>
                <div class="code-name">&amp;#xe894;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe895;</span>
                <div class="name">11中转站</div>
                <div class="code-name">&amp;#xe895;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe896;</span>
                <div class="name">12库存-线性</div>
                <div class="code-name">&amp;#xe896;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe897;</span>
                <div class="name">12库存</div>
                <div class="code-name">&amp;#xe897;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe898;</span>
                <div class="name">13末端网点-线性</div>
                <div class="code-name">&amp;#xe898;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe899;</span>
                <div class="name">13末端网点</div>
                <div class="code-name">&amp;#xe899;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89a;</span>
                <div class="name">14签收、审批通过-线性</div>
                <div class="code-name">&amp;#xe89a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89b;</span>
                <div class="name">14签收、审批通过</div>
                <div class="code-name">&amp;#xe89b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89c;</span>
                <div class="name">15拒签收-线性</div>
                <div class="code-name">&amp;#xe89c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89d;</span>
                <div class="name">15拒签收</div>
                <div class="code-name">&amp;#xe89d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89e;</span>
                <div class="name">16寄件、发送-线性</div>
                <div class="code-name">&amp;#xe89e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe89f;</span>
                <div class="name">16寄件、发送</div>
                <div class="code-name">&amp;#xe89f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a0;</span>
                <div class="name">17企业、园区、物业</div>
                <div class="code-name">&amp;#xe8a0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a1;</span>
                <div class="name">17企业、园区、物业-线性</div>
                <div class="code-name">&amp;#xe8a1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a2;</span>
                <div class="name">19结算-线性</div>
                <div class="code-name">&amp;#xe8a2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a3;</span>
                <div class="name">19结算</div>
                <div class="code-name">&amp;#xe8a3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a4;</span>
                <div class="name">20积分</div>
                <div class="code-name">&amp;#xe8a4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a5;</span>
                <div class="name">20积分-线性</div>
                <div class="code-name">&amp;#xe8a5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a6;</span>
                <div class="name">24组织架构、接口</div>
                <div class="code-name">&amp;#xe8a6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a7;</span>
                <div class="name">30应用程序-线性</div>
                <div class="code-name">&amp;#xe8a7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a8;</span>
                <div class="name">30应用程序</div>
                <div class="code-name">&amp;#xe8a8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8a9;</span>
                <div class="name">31标准</div>
                <div class="code-name">&amp;#xe8a9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8aa;</span>
                <div class="name">31标准-线性</div>
                <div class="code-name">&amp;#xe8aa;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ab;</span>
                <div class="name">32权限、钥匙</div>
                <div class="code-name">&amp;#xe8ab;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ac;</span>
                <div class="name">32权限、钥匙-线性</div>
                <div class="code-name">&amp;#xe8ac;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ad;</span>
                <div class="name">33资源</div>
                <div class="code-name">&amp;#xe8ad;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8ae;</span>
                <div class="name">33资源-线性</div>
                <div class="code-name">&amp;#xe8ae;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8af;</span>
                <div class="name">34模板、框架-线性</div>
                <div class="code-name">&amp;#xe8af;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b0;</span>
                <div class="name">34模板、框架</div>
                <div class="code-name">&amp;#xe8b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b1;</span>
                <div class="name">35新闻、资讯</div>
                <div class="code-name">&amp;#xe8b1;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b2;</span>
                <div class="name">35新闻、资讯-线性</div>
                <div class="code-name">&amp;#xe8b2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b3;</span>
                <div class="name">36合作、关系-线性</div>
                <div class="code-name">&amp;#xe8b3;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b4;</span>
                <div class="name">36合作、关系</div>
                <div class="code-name">&amp;#xe8b4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b5;</span>
                <div class="name">37-服务-线性</div>
                <div class="code-name">&amp;#xe8b5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe8b6;</span>
                <div class="name">37-服务</div>
                <div class="code-name">&amp;#xe8b6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe656;</span>
                <div class="name">round_check_fill</div>
                <div class="code-name">&amp;#xe656;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe657;</span>
                <div class="name">round_check</div>
                <div class="code-name">&amp;#xe657;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe658;</span>
                <div class="name">round_close_fill</div>
                <div class="code-name">&amp;#xe658;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe659;</span>
                <div class="name">round_close</div>
                <div class="code-name">&amp;#xe659;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65e;</span>
                <div class="name">time_fill</div>
                <div class="code-name">&amp;#xe65e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe65f;</span>
                <div class="name">time</div>
                <div class="code-name">&amp;#xe65f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe668;</span>
                <div class="name">like_fill</div>
                <div class="code-name">&amp;#xe668;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe669;</span>
                <div class="name">like</div>
                <div class="code-name">&amp;#xe669;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe689;</span>
                <div class="name">scan</div>
                <div class="code-name">&amp;#xe689;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b0;</span>
                <div class="name">qr_code</div>
                <div class="code-name">&amp;#xe6b0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6b8;</span>
                <div class="name">home</div>
                <div class="code-name">&amp;#xe6b8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6bb;</span>
                <div class="name">home_fill</div>
                <div class="code-name">&amp;#xe6bb;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c0;</span>
                <div class="name">lock</div>
                <div class="code-name">&amp;#xe6c0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c2;</span>
                <div class="name">unlock</div>
                <div class="code-name">&amp;#xe6c2;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6c9;</span>
                <div class="name">friend_add_fill</div>
                <div class="code-name">&amp;#xe6c9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ca;</span>
                <div class="name">friend_add</div>
                <div class="code-name">&amp;#xe6ca;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d4;</span>
                <div class="name">square_check_fill</div>
                <div class="code-name">&amp;#xe6d4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d5;</span>
                <div class="name">square</div>
                <div class="code-name">&amp;#xe6d5;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d6;</span>
                <div class="name">square_check</div>
                <div class="code-name">&amp;#xe6d6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d7;</span>
                <div class="name">round</div>
                <div class="code-name">&amp;#xe6d7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d8;</span>
                <div class="name">round_add_fill</div>
                <div class="code-name">&amp;#xe6d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6d9;</span>
                <div class="name">round_add</div>
                <div class="code-name">&amp;#xe6d9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6da;</span>
                <div class="name">add</div>
                <div class="code-name">&amp;#xe6da;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ee;</span>
                <div class="name">vipcard</div>
                <div class="code-name">&amp;#xe6ee;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6ef;</span>
                <div class="name">voice</div>
                <div class="code-name">&amp;#xe6ef;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe6f0;</span>
                <div class="name">voice_fill</div>
                <div class="code-name">&amp;#xe6f0;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe707;</span>
                <div class="name">countdown_fill</div>
                <div class="code-name">&amp;#xe707;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe708;</span>
                <div class="name">countdown</div>
                <div class="code-name">&amp;#xe708;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe718;</span>
                <div class="name">creative_fill</div>
                <div class="code-name">&amp;#xe718;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe719;</span>
                <div class="name">creative</div>
                <div class="code-name">&amp;#xe719;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71d;</span>
                <div class="name">new_fill</div>
                <div class="code-name">&amp;#xe71d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe71e;</span>
                <div class="name">new</div>
                <div class="code-name">&amp;#xe71e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe730;</span>
                <div class="name">mark_fill</div>
                <div class="code-name">&amp;#xe730;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe731;</span>
                <div class="name">mark</div>
                <div class="code-name">&amp;#xe731;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77c;</span>
                <div class="name">sponsor_fill</div>
                <div class="code-name">&amp;#xe77c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe77d;</span>
                <div class="name">sponsor</div>
                <div class="code-name">&amp;#xe77d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7d8;</span>
                <div class="name">home_fill_light</div>
                <div class="code-name">&amp;#xe7d8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7db;</span>
                <div class="name">scan_light</div>
                <div class="code-name">&amp;#xe7db;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7dd;</span>
                <div class="name">camera_light</div>
                <div class="code-name">&amp;#xe7dd;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e6;</span>
                <div class="name">news_fill_light</div>
                <div class="code-name">&amp;#xe7e6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e7;</span>
                <div class="name">news_hot_fill_light</div>
                <div class="code-name">&amp;#xe7e7;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e8;</span>
                <div class="name">news_hot_light</div>
                <div class="code-name">&amp;#xe7e8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7e9;</span>
                <div class="name">message_fill_light</div>
                <div class="code-name">&amp;#xe7e9;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f4;</span>
                <div class="name">group_fill_light</div>
                <div class="code-name">&amp;#xe7f4;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f6;</span>
                <div class="name">deliver_fill</div>
                <div class="code-name">&amp;#xe7f6;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe7f8;</span>
                <div class="name">qr_code_light</div>
                <div class="code-name">&amp;#xe7f8;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80a;</span>
                <div class="name">round_light_fill</div>
                <div class="code-name">&amp;#xe80a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80b;</span>
                <div class="name">round_favor_fill</div>
                <div class="code-name">&amp;#xe80b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80c;</span>
                <div class="name">round_menu_fill</div>
                <div class="code-name">&amp;#xe80c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80d;</span>
                <div class="name">round_location_fill</div>
                <div class="code-name">&amp;#xe80d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80e;</span>
                <div class="name">round_pay_fill</div>
                <div class="code-name">&amp;#xe80e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe80f;</span>
                <div class="name">round_like_fill</div>
                <div class="code-name">&amp;#xe80f;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe810;</span>
                <div class="name">round_people_fill</div>
                <div class="code-name">&amp;#xe810;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe811;</span>
                <div class="name">round_pay</div>
                <div class="code-name">&amp;#xe811;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe812;</span>
                <div class="name">round_rank_fill</div>
                <div class="code-name">&amp;#xe812;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe813;</span>
                <div class="name">round_redpacket_fill</div>
                <div class="code-name">&amp;#xe813;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe814;</span>
                <div class="name">round_skin_fill</div>
                <div class="code-name">&amp;#xe814;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe815;</span>
                <div class="name">round_record_fill</div>
                <div class="code-name">&amp;#xe815;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe816;</span>
                <div class="name">round_ticket_fill</div>
                <div class="code-name">&amp;#xe816;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe817;</span>
                <div class="name">round_redpacket</div>
                <div class="code-name">&amp;#xe817;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe818;</span>
                <div class="name">round_text_fill</div>
                <div class="code-name">&amp;#xe818;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe819;</span>
                <div class="name">round_ticket</div>
                <div class="code-name">&amp;#xe819;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81a;</span>
                <div class="name">round_transfer_fill</div>
                <div class="code-name">&amp;#xe81a;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81b;</span>
                <div class="name">subtitle_block_light</div>
                <div class="code-name">&amp;#xe81b;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81c;</span>
                <div class="name">xiaoheiqun</div>
                <div class="code-name">&amp;#xe81c;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81d;</span>
                <div class="name">mall_light</div>
                <div class="code-name">&amp;#xe81d;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81e;</span>
                <div class="name">mall_fill_light</div>
                <div class="code-name">&amp;#xe81e;</div>
              </li>
          
            <li class="dib">
              <span class="icon iconfont">&#xe81f;</span>
                <div class="name">card_fill</div>
                <div class="code-name">&amp;#xe81f;</div>
              </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="unicode-">Unicode 引用</h2>
          <hr>

          <p>Unicode 是字体在网页端最原始的应用方式，特点是：</p>
          <ul>
            <li>支持按字体的方式去动态调整图标大小，颜色等等。</li>
            <li>默认情况下不支持多色，直接添加多色图标会自动去色。</li>
          </ul>
          <blockquote>
            <p>注意：新版 iconfont 支持两种方式引用多色图标：SVG symbol 引用方式和彩色字体图标模式。（使用彩色字体图标需要在「编辑项目」中开启「彩色」选项后并重新生成。）</p>
          </blockquote>
          <p>Unicode 使用步骤如下：</p>
          <h3 id="-font-face">第一步：拷贝项目下面生成的 <code>@font-face</code></h3>
<pre><code class="language-css"
>@font-face {
  font-family: 'iconfont';
  src: url('iconfont.woff2?t=1724143351264') format('woff2'),
       url('iconfont.woff?t=1724143351264') format('woff'),
       url('iconfont.ttf?t=1724143351264') format('truetype');
}
</code></pre>
          <h3 id="-iconfont-">第二步：定义使用 iconfont 的样式</h3>
<pre><code class="language-css"
>.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取字体编码，应用于页面</h3>
<pre>
<code class="language-html"
>&lt;span class="iconfont"&gt;&amp;#x33;&lt;/span&gt;
</code></pre>
          <blockquote>
            <p>"iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
          </blockquote>
          </div>
      </div>
      <div class="content font-class">
        <ul class="icon_lists dib-box">
          
          <li class="dib">
            <span class="icon iconfont mt-quanxian"></span>
            <div class="name">
              权限
            </div>
            <div class="code-name">.mt-quanxian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-cunchu"></span>
            <div class="name">
              存储
            </div>
            <div class="code-name">.mt-cunchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-kuaijiejian"></span>
            <div class="name">
              快捷键
            </div>
            <div class="code-name">.mt-kuaijiejian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-xiaoxi-01"></span>
            <div class="name">
              消息
            </div>
            <div class="code-name">.mt-xiaoxi-01
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-denglushezhi"></span>
            <div class="name">
              登录设置
            </div>
            <div class="code-name">.mt-denglushezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-huakuai"></span>
            <div class="name">
              滑块
            </div>
            <div class="code-name">.mt-huakuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-tuichu"></span>
            <div class="name">
              退出
            </div>
            <div class="code-name">.mt-tuichu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-guolvqi"></span>
            <div class="name">
              过滤器
            </div>
            <div class="code-name">.mt-guolvqi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-lajixiang"></span>
            <div class="name">
              垃圾箱
            </div>
            <div class="code-name">.mt-lajixiang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-lajixiang1"></span>
            <div class="name">
              垃圾箱
            </div>
            <div class="code-name">.mt-lajixiang1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-xiangce"></span>
            <div class="name">
              相册
            </div>
            <div class="code-name">.mt-xiangce
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-chuangjianxiangce-"></span>
            <div class="name">
              创建相册-01
            </div>
            <div class="code-name">.mt-chuangjianxiangce-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-renyuan"></span>
            <div class="name">
              icon-renyuan
            </div>
            <div class="code-name">.mt-renyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-tupianshangchuan"></span>
            <div class="name">
              图片上传
            </div>
            <div class="code-name">.mt-tupianshangchuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-rizhi"></span>
            <div class="name">
              日志
            </div>
            <div class="code-name">.mt-rizhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-dianzan"></span>
            <div class="name">
              点赞
            </div>
            <div class="code-name">.mt-dianzan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-dianzan_kuai"></span>
            <div class="name">
              点赞_块
            </div>
            <div class="code-name">.mt-dianzan_kuai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-shuaxin"></span>
            <div class="name">
              刷新
            </div>
            <div class="code-name">.mt-shuaxin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-lianmaiyinleermai"></span>
            <div class="name">
              连麦，音乐，耳麦
            </div>
            <div class="code-name">.mt-lianmaiyinleermai
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-03-shipinguanli"></span>
            <div class="name">
              03-视频管理
            </div>
            <div class="code-name">.mt-a-03-shipinguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-number-sign-full"></span>
            <div class="name">
              井号
            </div>
            <div class="code-name">.mt-number-sign-full
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-number-sign"></span>
            <div class="name">
              井号
            </div>
            <div class="code-name">.mt-number-sign
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-jiantou_zuo"></span>
            <div class="name">
              箭头_左
            </div>
            <div class="code-name">.mt-jiantou_zuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-jiantou_shang"></span>
            <div class="name">
              箭头_上
            </div>
            <div class="code-name">.mt-jiantou_shang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-jiantou_you"></span>
            <div class="name">
              箭头_右
            </div>
            <div class="code-name">.mt-jiantou_you
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-jiantou_xia"></span>
            <div class="name">
              下箭头
            </div>
            <div class="code-name">.mt-jiantou_xia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-aite"></span>
            <div class="name">
              艾特
            </div>
            <div class="code-name">.mt-aite
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-xiaolian"></span>
            <div class="name">
              笑脸
            </div>
            <div class="code-name">.mt-xiaolian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-jinghao"></span>
            <div class="name">
              井号
            </div>
            <div class="code-name">.mt-jinghao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-xiangji"></span>
            <div class="name">
              相机
            </div>
            <div class="code-name">.mt-xiangji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-charulianjie"></span>
            <div class="name">
              插入链接
            </div>
            <div class="code-name">.mt-charulianjie
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-yirenzheng-copy"></span>
            <div class="name">
              已认证
            </div>
            <div class="code-name">.mt-yirenzheng-copy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-weirenzheng"></span>
            <div class="name">
              未认证
            </div>
            <div class="code-name">.mt-weirenzheng
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-email"></span>
            <div class="name">
              email
            </div>
            <div class="code-name">.mt-email
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-folder-close"></span>
            <div class="name">
              folder-close
            </div>
            <div class="code-name">.mt-folder-close
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-news-filling"></span>
            <div class="name">
              news-filling
            </div>
            <div class="code-name">.mt-news-filling
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-folder-filling"></span>
            <div class="name">
              folder-filling
            </div>
            <div class="code-name">.mt-folder-filling
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-customer-group-fill"></span>
            <div class="name">
              customer-group-fill
            </div>
            <div class="code-name">.mt-customer-group-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-customer-group"></span>
            <div class="name">
              customer-group
            </div>
            <div class="code-name">.mt-customer-group
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan88"></span>
            <div class="name">
              头像 红发男人
            </div>
            <div class="code-name">.mt-a-ziyuan88
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan87"></span>
            <div class="name">
              头像 简约男士
            </div>
            <div class="code-name">.mt-a-ziyuan87
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan80"></span>
            <div class="name">
              头像 职场男士
            </div>
            <div class="code-name">.mt-a-ziyuan80
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan85"></span>
            <div class="name">
              头像 红色毛衣男孩
            </div>
            <div class="code-name">.mt-a-ziyuan85
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan100"></span>
            <div class="name">
              头像 红色毛衣女孩
            </div>
            <div class="code-name">.mt-a-ziyuan100
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan92"></span>
            <div class="name">
              头像 男 客服
            </div>
            <div class="code-name">.mt-a-ziyuan92
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan89"></span>
            <div class="name">
              头像 毛衣暖男
            </div>
            <div class="code-name">.mt-a-ziyuan89
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan90"></span>
            <div class="name">
              头像 阳光男生
            </div>
            <div class="code-name">.mt-a-ziyuan90
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan101"></span>
            <div class="name">
              头像 中长发女孩
            </div>
            <div class="code-name">.mt-a-ziyuan101
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan97"></span>
            <div class="name">
              头像 职场商务女士
            </div>
            <div class="code-name">.mt-a-ziyuan97
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan106"></span>
            <div class="name">
              头像 商务男人
            </div>
            <div class="code-name">.mt-a-ziyuan106
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan107"></span>
            <div class="name">
              头像 大胡子男士
            </div>
            <div class="code-name">.mt-a-ziyuan107
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan105"></span>
            <div class="name">
              头像 丸子头女孩
            </div>
            <div class="code-name">.mt-a-ziyuan105
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan103"></span>
            <div class="name">
              头像 性感红发女
            </div>
            <div class="code-name">.mt-a-ziyuan103
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan102"></span>
            <div class="name">
              头像 可爱背带裤女孩
            </div>
            <div class="code-name">.mt-a-ziyuan102
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan98"></span>
            <div class="name">
              头像 商务女士
            </div>
            <div class="code-name">.mt-a-ziyuan98
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan108"></span>
            <div class="name">
              头像 温柔蝴蝶结女孩
            </div>
            <div class="code-name">.mt-a-ziyuan108
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan95"></span>
            <div class="name">
              头像 短发女孩
            </div>
            <div class="code-name">.mt-a-ziyuan95
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan112"></span>
            <div class="name">
              头像 商务男士
            </div>
            <div class="code-name">.mt-a-ziyuan112
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan114"></span>
            <div class="name">
              头像 女客服
            </div>
            <div class="code-name">.mt-a-ziyuan114
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan104"></span>
            <div class="name">
              头像 双马尾女孩
            </div>
            <div class="code-name">.mt-a-ziyuan104
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-a-ziyuan111"></span>
            <div class="name">
              头像 暖男
            </div>
            <div class="code-name">.mt-a-ziyuan111
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-31sousuo"></span>
            <div class="name">
              3.1-搜索
            </div>
            <div class="code-name">.mt-31sousuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-weibiaoti-"></span>
            <div class="name">
              风车
            </div>
            <div class="code-name">.mt-weibiaoti-
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-gouwubao"></span>
            <div class="name">
              购物包
            </div>
            <div class="code-name">.mt-gouwubao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-bilibili-fill"></span>
            <div class="name">
              bilibili-fill
            </div>
            <div class="code-name">.mt-bilibili-fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-shouji"></span>
            <div class="name">
              手机
            </div>
            <div class="code-name">.mt-shouji
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-shouji1"></span>
            <div class="name">
              手机
            </div>
            <div class="code-name">.mt-shouji1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-xingbienan"></span>
            <div class="name">
              性别男
            </div>
            <div class="code-name">.mt-xingbienan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-nv"></span>
            <div class="name">
              女
            </div>
            <div class="code-name">.mt-nv
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-jianhao"></span>
            <div class="name">
              减号
            </div>
            <div class="code-name">.mt-jianhao
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-shezhixitongshezhigongnengshezhishuxing"></span>
            <div class="name">
              138设置、系统设置、功能设置、属性
            </div>
            <div class="code-name">.mt-shezhixitongshezhigongnengshezhishuxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-shezhixitongshezhigongnengshezhishuxing-xian"></span>
            <div class="name">
              137设置、系统设置、功能设置、属性-线
            </div>
            <div class="code-name">.mt-shezhixitongshezhigongnengshezhishuxing-xian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-shizhongfill"></span>
            <div class="name">
              时钟-fill
            </div>
            <div class="code-name">.mt-shizhongfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-shizhong"></span>
            <div class="name">
              时钟
            </div>
            <div class="code-name">.mt-shizhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-caidan"></span>
            <div class="name">
              菜单
            </div>
            <div class="code-name">.mt-caidan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-fangxingweixuanzhong"></span>
            <div class="name">
              方形未选中
            </div>
            <div class="code-name">.mt-fangxingweixuanzhong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-fanhui"></span>
            <div class="name">
              返回
            </div>
            <div class="code-name">.mt-fanhui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-guanbi"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.mt-guanbi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-RectangleCopy"></span>
            <div class="name">
              关闭
            </div>
            <div class="code-name">.mt-RectangleCopy
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-RectangleCopy1"></span>
            <div class="name">
              品类规划
            </div>
            <div class="code-name">.mt-RectangleCopy1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-24gl-ellipsis"></span>
            <div class="name">
              24gl-ellipsis
            </div>
            <div class="code-name">.mt-24gl-ellipsis
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-24gl-ellipsisVertical"></span>
            <div class="name">
              24gl-ellipsisVertical
            </div>
            <div class="code-name">.mt-24gl-ellipsisVertical
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-24gf-ellipsisVertical"></span>
            <div class="name">
              24gf-ellipsisVertical
            </div>
            <div class="code-name">.mt-24gf-ellipsisVertical
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-24gf-ellipsis"></span>
            <div class="name">
              24gf-ellipsis
            </div>
            <div class="code-name">.mt-24gf-ellipsis
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-icon_leftbar_02_1"></span>
            <div class="name">
              运维管理
            </div>
            <div class="code-name">.mt-icon_leftbar_02_1
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-xitongshezhi"></span>
            <div class="name">
              系统设置
            </div>
            <div class="code-name">.mt-xitongshezhi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-shebeiguanli"></span>
            <div class="name">
              设备管理
            </div>
            <div class="code-name">.mt-shebeiguanli
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-yunshuzhongwuliu-xianxing"></span>
            <div class="name">
              01运输中、物流-线性
            </div>
            <div class="code-name">.mt-yunshuzhongwuliu-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-yunshuzhongwuliu"></span>
            <div class="name">
              01运输中、物流
            </div>
            <div class="code-name">.mt-yunshuzhongwuliu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-baoguofahuo"></span>
            <div class="name">
              02包裹、发货
            </div>
            <div class="code-name">.mt-baoguofahuo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-baoguofahuo-xianxing"></span>
            <div class="name">
              02包裹、发货-线性
            </div>
            <div class="code-name">.mt-baoguofahuo-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-chaibaoguoqujian"></span>
            <div class="name">
              03拆包裹、取件
            </div>
            <div class="code-name">.mt-chaibaoguoqujian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-chaibaoguoqujian-xianxing"></span>
            <div class="name">
              03拆包裹、取件-线性
            </div>
            <div class="code-name">.mt-chaibaoguoqujian-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-zitigui"></span>
            <div class="name">
              04自提柜
            </div>
            <div class="code-name">.mt-zitigui
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-zitigui-xianxing"></span>
            <div class="name">
              04自提柜-线性
            </div>
            <div class="code-name">.mt-zitigui-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-shangpin"></span>
            <div class="name">
              06商品
            </div>
            <div class="code-name">.mt-shangpin
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-shangpin-xianxing"></span>
            <div class="name">
              06商品-线性
            </div>
            <div class="code-name">.mt-shangpin-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-peizaizhuangche"></span>
            <div class="name">
              07配载、装车
            </div>
            <div class="code-name">.mt-peizaizhuangche
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-peizaizhuangche-xianxing"></span>
            <div class="name">
              07配载、装车-线性
            </div>
            <div class="code-name">.mt-peizaizhuangche-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-zhiliang-xianxing"></span>
            <div class="name">
              08质量-线性
            </div>
            <div class="code-name">.mt-zhiliang-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-zhiliang"></span>
            <div class="name">
              08质量
            </div>
            <div class="code-name">.mt-zhiliang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-anquanbaozhang"></span>
            <div class="name">
              09安全、保障
            </div>
            <div class="code-name">.mt-anquanbaozhang
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-anquanbaozhang-xianxing"></span>
            <div class="name">
              09安全、保障-线性
            </div>
            <div class="code-name">.mt-anquanbaozhang-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-cangkucangchu"></span>
            <div class="name">
              10仓库、仓储
            </div>
            <div class="code-name">.mt-cangkucangchu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-cangkucangchu-xianxing"></span>
            <div class="name">
              10仓库、仓储-线性
            </div>
            <div class="code-name">.mt-cangkucangchu-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-zhongzhuanzhan-xianxing"></span>
            <div class="name">
              11中转站-线性
            </div>
            <div class="code-name">.mt-zhongzhuanzhan-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-zhongzhuanzhan"></span>
            <div class="name">
              11中转站
            </div>
            <div class="code-name">.mt-zhongzhuanzhan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-kucun-xianxing"></span>
            <div class="name">
              12库存-线性
            </div>
            <div class="code-name">.mt-kucun-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-kucun"></span>
            <div class="name">
              12库存
            </div>
            <div class="code-name">.mt-kucun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-moduanwangdian-xianxing"></span>
            <div class="name">
              13末端网点-线性
            </div>
            <div class="code-name">.mt-moduanwangdian-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-moduanwangdian"></span>
            <div class="name">
              13末端网点
            </div>
            <div class="code-name">.mt-moduanwangdian
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-qianshoushenpitongguo-xianxing"></span>
            <div class="name">
              14签收、审批通过-线性
            </div>
            <div class="code-name">.mt-qianshoushenpitongguo-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-qianshoushenpitongguo"></span>
            <div class="name">
              14签收、审批通过
            </div>
            <div class="code-name">.mt-qianshoushenpitongguo
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-juqianshou-xianxing"></span>
            <div class="name">
              15拒签收-线性
            </div>
            <div class="code-name">.mt-juqianshou-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-juqianshou"></span>
            <div class="name">
              15拒签收
            </div>
            <div class="code-name">.mt-juqianshou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-jijianfasong-xianxing"></span>
            <div class="name">
              16寄件、发送-线性
            </div>
            <div class="code-name">.mt-jijianfasong-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-jijianfasong"></span>
            <div class="name">
              16寄件、发送
            </div>
            <div class="code-name">.mt-jijianfasong
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-qiyeyuanquwuye"></span>
            <div class="name">
              17企业、园区、物业
            </div>
            <div class="code-name">.mt-qiyeyuanquwuye
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-qiyeyuanquwuye-xianxing"></span>
            <div class="name">
              17企业、园区、物业-线性
            </div>
            <div class="code-name">.mt-qiyeyuanquwuye-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-jiesuan-xianxing"></span>
            <div class="name">
              19结算-线性
            </div>
            <div class="code-name">.mt-jiesuan-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-jiesuan"></span>
            <div class="name">
              19结算
            </div>
            <div class="code-name">.mt-jiesuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-jifen"></span>
            <div class="name">
              20积分
            </div>
            <div class="code-name">.mt-jifen
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-jifen-xianxing"></span>
            <div class="name">
              20积分-线性
            </div>
            <div class="code-name">.mt-jifen-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-zuzhijiagoujiekou"></span>
            <div class="name">
              24组织架构、接口
            </div>
            <div class="code-name">.mt-zuzhijiagoujiekou
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-yingyongchengxu-xianxing"></span>
            <div class="name">
              30应用程序-线性
            </div>
            <div class="code-name">.mt-yingyongchengxu-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-yingyongchengxu"></span>
            <div class="name">
              30应用程序
            </div>
            <div class="code-name">.mt-yingyongchengxu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-biaozhun"></span>
            <div class="name">
              31标准
            </div>
            <div class="code-name">.mt-biaozhun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-biaozhun-xianxing"></span>
            <div class="name">
              31标准-线性
            </div>
            <div class="code-name">.mt-biaozhun-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-quanxianyuechi"></span>
            <div class="name">
              32权限、钥匙
            </div>
            <div class="code-name">.mt-quanxianyuechi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-quanxianyuechi-xianxing"></span>
            <div class="name">
              32权限、钥匙-线性
            </div>
            <div class="code-name">.mt-quanxianyuechi-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-ziyuan"></span>
            <div class="name">
              33资源
            </div>
            <div class="code-name">.mt-ziyuan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-ziyuan-xianxing"></span>
            <div class="name">
              33资源-线性
            </div>
            <div class="code-name">.mt-ziyuan-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-mobankuangjia-xianxing"></span>
            <div class="name">
              34模板、框架-线性
            </div>
            <div class="code-name">.mt-mobankuangjia-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-mobankuangjia"></span>
            <div class="name">
              34模板、框架
            </div>
            <div class="code-name">.mt-mobankuangjia
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-xinwenzixun"></span>
            <div class="name">
              35新闻、资讯
            </div>
            <div class="code-name">.mt-xinwenzixun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-xinwenzixun-xianxing"></span>
            <div class="name">
              35新闻、资讯-线性
            </div>
            <div class="code-name">.mt-xinwenzixun-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-hezuoguanxi-xianxing"></span>
            <div class="name">
              36合作、关系-线性
            </div>
            <div class="code-name">.mt-hezuoguanxi-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-hezuoguanxi"></span>
            <div class="name">
              36合作、关系
            </div>
            <div class="code-name">.mt-hezuoguanxi
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt--fuwu-xianxing"></span>
            <div class="name">
              37-服务-线性
            </div>
            <div class="code-name">.mt--fuwu-xianxing
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt--fuwu"></span>
            <div class="name">
              37-服务
            </div>
            <div class="code-name">.mt--fuwu
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-roundcheckfill"></span>
            <div class="name">
              round_check_fill
            </div>
            <div class="code-name">.mt-roundcheckfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-roundcheck"></span>
            <div class="name">
              round_check
            </div>
            <div class="code-name">.mt-roundcheck
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-roundclosefill"></span>
            <div class="name">
              round_close_fill
            </div>
            <div class="code-name">.mt-roundclosefill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-roundclose"></span>
            <div class="name">
              round_close
            </div>
            <div class="code-name">.mt-roundclose
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-timefill"></span>
            <div class="name">
              time_fill
            </div>
            <div class="code-name">.mt-timefill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-time"></span>
            <div class="name">
              time
            </div>
            <div class="code-name">.mt-time
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-likefill"></span>
            <div class="name">
              like_fill
            </div>
            <div class="code-name">.mt-likefill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-like"></span>
            <div class="name">
              like
            </div>
            <div class="code-name">.mt-like
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-scan"></span>
            <div class="name">
              scan
            </div>
            <div class="code-name">.mt-scan
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-qrcode"></span>
            <div class="name">
              qr_code
            </div>
            <div class="code-name">.mt-qrcode
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-home"></span>
            <div class="name">
              home
            </div>
            <div class="code-name">.mt-home
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-homefill"></span>
            <div class="name">
              home_fill
            </div>
            <div class="code-name">.mt-homefill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-lock"></span>
            <div class="name">
              lock
            </div>
            <div class="code-name">.mt-lock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-unlock"></span>
            <div class="name">
              unlock
            </div>
            <div class="code-name">.mt-unlock
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-friendaddfill"></span>
            <div class="name">
              friend_add_fill
            </div>
            <div class="code-name">.mt-friendaddfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-friendadd"></span>
            <div class="name">
              friend_add
            </div>
            <div class="code-name">.mt-friendadd
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-squarecheckfill"></span>
            <div class="name">
              square_check_fill
            </div>
            <div class="code-name">.mt-squarecheckfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-square"></span>
            <div class="name">
              square
            </div>
            <div class="code-name">.mt-square
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-squarecheck"></span>
            <div class="name">
              square_check
            </div>
            <div class="code-name">.mt-squarecheck
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round"></span>
            <div class="name">
              round
            </div>
            <div class="code-name">.mt-round
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-roundaddfill"></span>
            <div class="name">
              round_add_fill
            </div>
            <div class="code-name">.mt-roundaddfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-roundadd"></span>
            <div class="name">
              round_add
            </div>
            <div class="code-name">.mt-roundadd
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-add"></span>
            <div class="name">
              add
            </div>
            <div class="code-name">.mt-add
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-vipcard"></span>
            <div class="name">
              vipcard
            </div>
            <div class="code-name">.mt-vipcard
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-voice"></span>
            <div class="name">
              voice
            </div>
            <div class="code-name">.mt-voice
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-voicefill"></span>
            <div class="name">
              voice_fill
            </div>
            <div class="code-name">.mt-voicefill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-countdownfill"></span>
            <div class="name">
              countdown_fill
            </div>
            <div class="code-name">.mt-countdownfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-countdown"></span>
            <div class="name">
              countdown
            </div>
            <div class="code-name">.mt-countdown
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-creativefill"></span>
            <div class="name">
              creative_fill
            </div>
            <div class="code-name">.mt-creativefill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-creative"></span>
            <div class="name">
              creative
            </div>
            <div class="code-name">.mt-creative
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-newfill"></span>
            <div class="name">
              new_fill
            </div>
            <div class="code-name">.mt-newfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-new"></span>
            <div class="name">
              new
            </div>
            <div class="code-name">.mt-new
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-markfill"></span>
            <div class="name">
              mark_fill
            </div>
            <div class="code-name">.mt-markfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-mark"></span>
            <div class="name">
              mark
            </div>
            <div class="code-name">.mt-mark
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-sponsorfill"></span>
            <div class="name">
              sponsor_fill
            </div>
            <div class="code-name">.mt-sponsorfill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-sponsor"></span>
            <div class="name">
              sponsor
            </div>
            <div class="code-name">.mt-sponsor
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-home_fill_light"></span>
            <div class="name">
              home_fill_light
            </div>
            <div class="code-name">.mt-home_fill_light
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-scan_light"></span>
            <div class="name">
              scan_light
            </div>
            <div class="code-name">.mt-scan_light
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-camera_light"></span>
            <div class="name">
              camera_light
            </div>
            <div class="code-name">.mt-camera_light
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-news_fill_light"></span>
            <div class="name">
              news_fill_light
            </div>
            <div class="code-name">.mt-news_fill_light
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-news_hot_fill_light"></span>
            <div class="name">
              news_hot_fill_light
            </div>
            <div class="code-name">.mt-news_hot_fill_light
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-news_hot_light"></span>
            <div class="name">
              news_hot_light
            </div>
            <div class="code-name">.mt-news_hot_light
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-message_fill_light"></span>
            <div class="name">
              message_fill_light
            </div>
            <div class="code-name">.mt-message_fill_light
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-group_fill_light"></span>
            <div class="name">
              group_fill_light
            </div>
            <div class="code-name">.mt-group_fill_light
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-deliver_fill"></span>
            <div class="name">
              deliver_fill
            </div>
            <div class="code-name">.mt-deliver_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-qr_code_light"></span>
            <div class="name">
              qr_code_light
            </div>
            <div class="code-name">.mt-qr_code_light
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round_light_fill"></span>
            <div class="name">
              round_light_fill
            </div>
            <div class="code-name">.mt-round_light_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round_favor_fill"></span>
            <div class="name">
              round_favor_fill
            </div>
            <div class="code-name">.mt-round_favor_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round_menu_fill"></span>
            <div class="name">
              round_menu_fill
            </div>
            <div class="code-name">.mt-round_menu_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round_location_fill"></span>
            <div class="name">
              round_location_fill
            </div>
            <div class="code-name">.mt-round_location_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round_pay_fill"></span>
            <div class="name">
              round_pay_fill
            </div>
            <div class="code-name">.mt-round_pay_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round_like_fill"></span>
            <div class="name">
              round_like_fill
            </div>
            <div class="code-name">.mt-round_like_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round_people_fill"></span>
            <div class="name">
              round_people_fill
            </div>
            <div class="code-name">.mt-round_people_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round_pay"></span>
            <div class="name">
              round_pay
            </div>
            <div class="code-name">.mt-round_pay
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round_rank_fill"></span>
            <div class="name">
              round_rank_fill
            </div>
            <div class="code-name">.mt-round_rank_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round_redpacket_fill"></span>
            <div class="name">
              round_redpacket_fill
            </div>
            <div class="code-name">.mt-round_redpacket_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round_skin_fill"></span>
            <div class="name">
              round_skin_fill
            </div>
            <div class="code-name">.mt-round_skin_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round_record_fill"></span>
            <div class="name">
              round_record_fill
            </div>
            <div class="code-name">.mt-round_record_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round_ticket_fill"></span>
            <div class="name">
              round_ticket_fill
            </div>
            <div class="code-name">.mt-round_ticket_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round_redpacket"></span>
            <div class="name">
              round_redpacket
            </div>
            <div class="code-name">.mt-round_redpacket
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round_text_fill"></span>
            <div class="name">
              round_text_fill
            </div>
            <div class="code-name">.mt-round_text_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round_ticket"></span>
            <div class="name">
              round_ticket
            </div>
            <div class="code-name">.mt-round_ticket
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-round_transfer_fill"></span>
            <div class="name">
              round_transfer_fill
            </div>
            <div class="code-name">.mt-round_transfer_fill
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-subtitle_block_light"></span>
            <div class="name">
              subtitle_block_light
            </div>
            <div class="code-name">.mt-subtitle_block_light
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-xiaoheiqun"></span>
            <div class="name">
              xiaoheiqun
            </div>
            <div class="code-name">.mt-xiaoheiqun
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-mall_light"></span>
            <div class="name">
              mall_light
            </div>
            <div class="code-name">.mt-mall_light
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-mall_fill_light"></span>
            <div class="name">
              mall_fill_light
            </div>
            <div class="code-name">.mt-mall_fill_light
            </div>
          </li>
          
          <li class="dib">
            <span class="icon iconfont mt-card_fill"></span>
            <div class="name">
              card_fill
            </div>
            <div class="code-name">.mt-card_fill
            </div>
          </li>
          
        </ul>
        <div class="article markdown">
        <h2 id="font-class-">font-class 引用</h2>
        <hr>

        <p>font-class 是 Unicode 使用方式的一种变种，主要是解决 Unicode 书写不直观，语意不明确的问题。</p>
        <p>与 Unicode 使用方式相比，具有如下特点：</p>
        <ul>
          <li>相比于 Unicode 语意明确，书写更直观。可以很容易分辨这个 icon 是什么。</li>
          <li>因为使用 class 来定义图标，所以当要替换图标时，只需要修改 class 里面的 Unicode 引用。</li>
        </ul>
        <p>使用步骤如下：</p>
        <h3 id="-fontclass-">第一步：引入项目下面生成的 fontclass 代码：</h3>
<pre><code class="language-html">&lt;link rel="stylesheet" href="./iconfont.css"&gt;
</code></pre>
        <h3 id="-">第二步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;span class="iconfont mt-xxx"&gt;&lt;/span&gt;
</code></pre>
        <blockquote>
          <p>"
            iconfont" 是你项目下的 font-family。可以通过编辑项目查看，默认是 "iconfont"。</p>
        </blockquote>
      </div>
      </div>
      <div class="content symbol">
          <ul class="icon_lists dib-box">
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-quanxian"></use>
                </svg>
                <div class="name">权限</div>
                <div class="code-name">#mt-quanxian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-cunchu"></use>
                </svg>
                <div class="name">存储</div>
                <div class="code-name">#mt-cunchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-kuaijiejian"></use>
                </svg>
                <div class="name">快捷键</div>
                <div class="code-name">#mt-kuaijiejian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-xiaoxi-01"></use>
                </svg>
                <div class="name">消息</div>
                <div class="code-name">#mt-xiaoxi-01</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-denglushezhi"></use>
                </svg>
                <div class="name">登录设置</div>
                <div class="code-name">#mt-denglushezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-huakuai"></use>
                </svg>
                <div class="name">滑块</div>
                <div class="code-name">#mt-huakuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-tuichu"></use>
                </svg>
                <div class="name">退出</div>
                <div class="code-name">#mt-tuichu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-guolvqi"></use>
                </svg>
                <div class="name">过滤器</div>
                <div class="code-name">#mt-guolvqi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-lajixiang"></use>
                </svg>
                <div class="name">垃圾箱</div>
                <div class="code-name">#mt-lajixiang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-lajixiang1"></use>
                </svg>
                <div class="name">垃圾箱</div>
                <div class="code-name">#mt-lajixiang1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-xiangce"></use>
                </svg>
                <div class="name">相册</div>
                <div class="code-name">#mt-xiangce</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-chuangjianxiangce-"></use>
                </svg>
                <div class="name">创建相册-01</div>
                <div class="code-name">#mt-chuangjianxiangce-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-renyuan"></use>
                </svg>
                <div class="name">icon-renyuan</div>
                <div class="code-name">#mt-renyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-tupianshangchuan"></use>
                </svg>
                <div class="name">图片上传</div>
                <div class="code-name">#mt-tupianshangchuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-rizhi"></use>
                </svg>
                <div class="name">日志</div>
                <div class="code-name">#mt-rizhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-dianzan"></use>
                </svg>
                <div class="name">点赞</div>
                <div class="code-name">#mt-dianzan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-dianzan_kuai"></use>
                </svg>
                <div class="name">点赞_块</div>
                <div class="code-name">#mt-dianzan_kuai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-shuaxin"></use>
                </svg>
                <div class="name">刷新</div>
                <div class="code-name">#mt-shuaxin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-lianmaiyinleermai"></use>
                </svg>
                <div class="name">连麦，音乐，耳麦</div>
                <div class="code-name">#mt-lianmaiyinleermai</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-03-shipinguanli"></use>
                </svg>
                <div class="name">03-视频管理</div>
                <div class="code-name">#mt-a-03-shipinguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-number-sign-full"></use>
                </svg>
                <div class="name">井号</div>
                <div class="code-name">#mt-number-sign-full</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-number-sign"></use>
                </svg>
                <div class="name">井号</div>
                <div class="code-name">#mt-number-sign</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-jiantou_zuo"></use>
                </svg>
                <div class="name">箭头_左</div>
                <div class="code-name">#mt-jiantou_zuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-jiantou_shang"></use>
                </svg>
                <div class="name">箭头_上</div>
                <div class="code-name">#mt-jiantou_shang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-jiantou_you"></use>
                </svg>
                <div class="name">箭头_右</div>
                <div class="code-name">#mt-jiantou_you</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-jiantou_xia"></use>
                </svg>
                <div class="name">下箭头</div>
                <div class="code-name">#mt-jiantou_xia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-aite"></use>
                </svg>
                <div class="name">艾特</div>
                <div class="code-name">#mt-aite</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-xiaolian"></use>
                </svg>
                <div class="name">笑脸</div>
                <div class="code-name">#mt-xiaolian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-jinghao"></use>
                </svg>
                <div class="name">井号</div>
                <div class="code-name">#mt-jinghao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-xiangji"></use>
                </svg>
                <div class="name">相机</div>
                <div class="code-name">#mt-xiangji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-charulianjie"></use>
                </svg>
                <div class="name">插入链接</div>
                <div class="code-name">#mt-charulianjie</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-yirenzheng-copy"></use>
                </svg>
                <div class="name">已认证</div>
                <div class="code-name">#mt-yirenzheng-copy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-weirenzheng"></use>
                </svg>
                <div class="name">未认证</div>
                <div class="code-name">#mt-weirenzheng</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-email"></use>
                </svg>
                <div class="name">email</div>
                <div class="code-name">#mt-email</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-folder-close"></use>
                </svg>
                <div class="name">folder-close</div>
                <div class="code-name">#mt-folder-close</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-news-filling"></use>
                </svg>
                <div class="name">news-filling</div>
                <div class="code-name">#mt-news-filling</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-folder-filling"></use>
                </svg>
                <div class="name">folder-filling</div>
                <div class="code-name">#mt-folder-filling</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-customer-group-fill"></use>
                </svg>
                <div class="name">customer-group-fill</div>
                <div class="code-name">#mt-customer-group-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-customer-group"></use>
                </svg>
                <div class="name">customer-group</div>
                <div class="code-name">#mt-customer-group</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan88"></use>
                </svg>
                <div class="name">头像 红发男人</div>
                <div class="code-name">#mt-a-ziyuan88</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan87"></use>
                </svg>
                <div class="name">头像 简约男士</div>
                <div class="code-name">#mt-a-ziyuan87</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan80"></use>
                </svg>
                <div class="name">头像 职场男士</div>
                <div class="code-name">#mt-a-ziyuan80</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan85"></use>
                </svg>
                <div class="name">头像 红色毛衣男孩</div>
                <div class="code-name">#mt-a-ziyuan85</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan100"></use>
                </svg>
                <div class="name">头像 红色毛衣女孩</div>
                <div class="code-name">#mt-a-ziyuan100</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan92"></use>
                </svg>
                <div class="name">头像 男 客服</div>
                <div class="code-name">#mt-a-ziyuan92</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan89"></use>
                </svg>
                <div class="name">头像 毛衣暖男</div>
                <div class="code-name">#mt-a-ziyuan89</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan90"></use>
                </svg>
                <div class="name">头像 阳光男生</div>
                <div class="code-name">#mt-a-ziyuan90</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan101"></use>
                </svg>
                <div class="name">头像 中长发女孩</div>
                <div class="code-name">#mt-a-ziyuan101</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan97"></use>
                </svg>
                <div class="name">头像 职场商务女士</div>
                <div class="code-name">#mt-a-ziyuan97</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan106"></use>
                </svg>
                <div class="name">头像 商务男人</div>
                <div class="code-name">#mt-a-ziyuan106</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan107"></use>
                </svg>
                <div class="name">头像 大胡子男士</div>
                <div class="code-name">#mt-a-ziyuan107</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan105"></use>
                </svg>
                <div class="name">头像 丸子头女孩</div>
                <div class="code-name">#mt-a-ziyuan105</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan103"></use>
                </svg>
                <div class="name">头像 性感红发女</div>
                <div class="code-name">#mt-a-ziyuan103</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan102"></use>
                </svg>
                <div class="name">头像 可爱背带裤女孩</div>
                <div class="code-name">#mt-a-ziyuan102</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan98"></use>
                </svg>
                <div class="name">头像 商务女士</div>
                <div class="code-name">#mt-a-ziyuan98</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan108"></use>
                </svg>
                <div class="name">头像 温柔蝴蝶结女孩</div>
                <div class="code-name">#mt-a-ziyuan108</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan95"></use>
                </svg>
                <div class="name">头像 短发女孩</div>
                <div class="code-name">#mt-a-ziyuan95</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan112"></use>
                </svg>
                <div class="name">头像 商务男士</div>
                <div class="code-name">#mt-a-ziyuan112</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan114"></use>
                </svg>
                <div class="name">头像 女客服</div>
                <div class="code-name">#mt-a-ziyuan114</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan104"></use>
                </svg>
                <div class="name">头像 双马尾女孩</div>
                <div class="code-name">#mt-a-ziyuan104</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-a-ziyuan111"></use>
                </svg>
                <div class="name">头像 暖男</div>
                <div class="code-name">#mt-a-ziyuan111</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-31sousuo"></use>
                </svg>
                <div class="name">3.1-搜索</div>
                <div class="code-name">#mt-31sousuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-weibiaoti-"></use>
                </svg>
                <div class="name">风车</div>
                <div class="code-name">#mt-weibiaoti-</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-gouwubao"></use>
                </svg>
                <div class="name">购物包</div>
                <div class="code-name">#mt-gouwubao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-bilibili-fill"></use>
                </svg>
                <div class="name">bilibili-fill</div>
                <div class="code-name">#mt-bilibili-fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-shouji"></use>
                </svg>
                <div class="name">手机</div>
                <div class="code-name">#mt-shouji</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-shouji1"></use>
                </svg>
                <div class="name">手机</div>
                <div class="code-name">#mt-shouji1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-xingbienan"></use>
                </svg>
                <div class="name">性别男</div>
                <div class="code-name">#mt-xingbienan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-nv"></use>
                </svg>
                <div class="name">女</div>
                <div class="code-name">#mt-nv</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-jianhao"></use>
                </svg>
                <div class="name">减号</div>
                <div class="code-name">#mt-jianhao</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-shezhixitongshezhigongnengshezhishuxing"></use>
                </svg>
                <div class="name">138设置、系统设置、功能设置、属性</div>
                <div class="code-name">#mt-shezhixitongshezhigongnengshezhishuxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-shezhixitongshezhigongnengshezhishuxing-xian"></use>
                </svg>
                <div class="name">137设置、系统设置、功能设置、属性-线</div>
                <div class="code-name">#mt-shezhixitongshezhigongnengshezhishuxing-xian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-shizhongfill"></use>
                </svg>
                <div class="name">时钟-fill</div>
                <div class="code-name">#mt-shizhongfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-shizhong"></use>
                </svg>
                <div class="name">时钟</div>
                <div class="code-name">#mt-shizhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-caidan"></use>
                </svg>
                <div class="name">菜单</div>
                <div class="code-name">#mt-caidan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-fangxingweixuanzhong"></use>
                </svg>
                <div class="name">方形未选中</div>
                <div class="code-name">#mt-fangxingweixuanzhong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-fanhui"></use>
                </svg>
                <div class="name">返回</div>
                <div class="code-name">#mt-fanhui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-guanbi"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#mt-guanbi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-RectangleCopy"></use>
                </svg>
                <div class="name">关闭</div>
                <div class="code-name">#mt-RectangleCopy</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-RectangleCopy1"></use>
                </svg>
                <div class="name">品类规划</div>
                <div class="code-name">#mt-RectangleCopy1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-24gl-ellipsis"></use>
                </svg>
                <div class="name">24gl-ellipsis</div>
                <div class="code-name">#mt-24gl-ellipsis</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-24gl-ellipsisVertical"></use>
                </svg>
                <div class="name">24gl-ellipsisVertical</div>
                <div class="code-name">#mt-24gl-ellipsisVertical</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-24gf-ellipsisVertical"></use>
                </svg>
                <div class="name">24gf-ellipsisVertical</div>
                <div class="code-name">#mt-24gf-ellipsisVertical</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-24gf-ellipsis"></use>
                </svg>
                <div class="name">24gf-ellipsis</div>
                <div class="code-name">#mt-24gf-ellipsis</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-icon_leftbar_02_1"></use>
                </svg>
                <div class="name">运维管理</div>
                <div class="code-name">#mt-icon_leftbar_02_1</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-xitongshezhi"></use>
                </svg>
                <div class="name">系统设置</div>
                <div class="code-name">#mt-xitongshezhi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-shebeiguanli"></use>
                </svg>
                <div class="name">设备管理</div>
                <div class="code-name">#mt-shebeiguanli</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-yunshuzhongwuliu-xianxing"></use>
                </svg>
                <div class="name">01运输中、物流-线性</div>
                <div class="code-name">#mt-yunshuzhongwuliu-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-yunshuzhongwuliu"></use>
                </svg>
                <div class="name">01运输中、物流</div>
                <div class="code-name">#mt-yunshuzhongwuliu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-baoguofahuo"></use>
                </svg>
                <div class="name">02包裹、发货</div>
                <div class="code-name">#mt-baoguofahuo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-baoguofahuo-xianxing"></use>
                </svg>
                <div class="name">02包裹、发货-线性</div>
                <div class="code-name">#mt-baoguofahuo-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-chaibaoguoqujian"></use>
                </svg>
                <div class="name">03拆包裹、取件</div>
                <div class="code-name">#mt-chaibaoguoqujian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-chaibaoguoqujian-xianxing"></use>
                </svg>
                <div class="name">03拆包裹、取件-线性</div>
                <div class="code-name">#mt-chaibaoguoqujian-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-zitigui"></use>
                </svg>
                <div class="name">04自提柜</div>
                <div class="code-name">#mt-zitigui</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-zitigui-xianxing"></use>
                </svg>
                <div class="name">04自提柜-线性</div>
                <div class="code-name">#mt-zitigui-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-shangpin"></use>
                </svg>
                <div class="name">06商品</div>
                <div class="code-name">#mt-shangpin</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-shangpin-xianxing"></use>
                </svg>
                <div class="name">06商品-线性</div>
                <div class="code-name">#mt-shangpin-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-peizaizhuangche"></use>
                </svg>
                <div class="name">07配载、装车</div>
                <div class="code-name">#mt-peizaizhuangche</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-peizaizhuangche-xianxing"></use>
                </svg>
                <div class="name">07配载、装车-线性</div>
                <div class="code-name">#mt-peizaizhuangche-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-zhiliang-xianxing"></use>
                </svg>
                <div class="name">08质量-线性</div>
                <div class="code-name">#mt-zhiliang-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-zhiliang"></use>
                </svg>
                <div class="name">08质量</div>
                <div class="code-name">#mt-zhiliang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-anquanbaozhang"></use>
                </svg>
                <div class="name">09安全、保障</div>
                <div class="code-name">#mt-anquanbaozhang</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-anquanbaozhang-xianxing"></use>
                </svg>
                <div class="name">09安全、保障-线性</div>
                <div class="code-name">#mt-anquanbaozhang-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-cangkucangchu"></use>
                </svg>
                <div class="name">10仓库、仓储</div>
                <div class="code-name">#mt-cangkucangchu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-cangkucangchu-xianxing"></use>
                </svg>
                <div class="name">10仓库、仓储-线性</div>
                <div class="code-name">#mt-cangkucangchu-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-zhongzhuanzhan-xianxing"></use>
                </svg>
                <div class="name">11中转站-线性</div>
                <div class="code-name">#mt-zhongzhuanzhan-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-zhongzhuanzhan"></use>
                </svg>
                <div class="name">11中转站</div>
                <div class="code-name">#mt-zhongzhuanzhan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-kucun-xianxing"></use>
                </svg>
                <div class="name">12库存-线性</div>
                <div class="code-name">#mt-kucun-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-kucun"></use>
                </svg>
                <div class="name">12库存</div>
                <div class="code-name">#mt-kucun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-moduanwangdian-xianxing"></use>
                </svg>
                <div class="name">13末端网点-线性</div>
                <div class="code-name">#mt-moduanwangdian-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-moduanwangdian"></use>
                </svg>
                <div class="name">13末端网点</div>
                <div class="code-name">#mt-moduanwangdian</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-qianshoushenpitongguo-xianxing"></use>
                </svg>
                <div class="name">14签收、审批通过-线性</div>
                <div class="code-name">#mt-qianshoushenpitongguo-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-qianshoushenpitongguo"></use>
                </svg>
                <div class="name">14签收、审批通过</div>
                <div class="code-name">#mt-qianshoushenpitongguo</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-juqianshou-xianxing"></use>
                </svg>
                <div class="name">15拒签收-线性</div>
                <div class="code-name">#mt-juqianshou-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-juqianshou"></use>
                </svg>
                <div class="name">15拒签收</div>
                <div class="code-name">#mt-juqianshou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-jijianfasong-xianxing"></use>
                </svg>
                <div class="name">16寄件、发送-线性</div>
                <div class="code-name">#mt-jijianfasong-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-jijianfasong"></use>
                </svg>
                <div class="name">16寄件、发送</div>
                <div class="code-name">#mt-jijianfasong</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-qiyeyuanquwuye"></use>
                </svg>
                <div class="name">17企业、园区、物业</div>
                <div class="code-name">#mt-qiyeyuanquwuye</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-qiyeyuanquwuye-xianxing"></use>
                </svg>
                <div class="name">17企业、园区、物业-线性</div>
                <div class="code-name">#mt-qiyeyuanquwuye-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-jiesuan-xianxing"></use>
                </svg>
                <div class="name">19结算-线性</div>
                <div class="code-name">#mt-jiesuan-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-jiesuan"></use>
                </svg>
                <div class="name">19结算</div>
                <div class="code-name">#mt-jiesuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-jifen"></use>
                </svg>
                <div class="name">20积分</div>
                <div class="code-name">#mt-jifen</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-jifen-xianxing"></use>
                </svg>
                <div class="name">20积分-线性</div>
                <div class="code-name">#mt-jifen-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-zuzhijiagoujiekou"></use>
                </svg>
                <div class="name">24组织架构、接口</div>
                <div class="code-name">#mt-zuzhijiagoujiekou</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-yingyongchengxu-xianxing"></use>
                </svg>
                <div class="name">30应用程序-线性</div>
                <div class="code-name">#mt-yingyongchengxu-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-yingyongchengxu"></use>
                </svg>
                <div class="name">30应用程序</div>
                <div class="code-name">#mt-yingyongchengxu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-biaozhun"></use>
                </svg>
                <div class="name">31标准</div>
                <div class="code-name">#mt-biaozhun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-biaozhun-xianxing"></use>
                </svg>
                <div class="name">31标准-线性</div>
                <div class="code-name">#mt-biaozhun-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-quanxianyuechi"></use>
                </svg>
                <div class="name">32权限、钥匙</div>
                <div class="code-name">#mt-quanxianyuechi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-quanxianyuechi-xianxing"></use>
                </svg>
                <div class="name">32权限、钥匙-线性</div>
                <div class="code-name">#mt-quanxianyuechi-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-ziyuan"></use>
                </svg>
                <div class="name">33资源</div>
                <div class="code-name">#mt-ziyuan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-ziyuan-xianxing"></use>
                </svg>
                <div class="name">33资源-线性</div>
                <div class="code-name">#mt-ziyuan-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-mobankuangjia-xianxing"></use>
                </svg>
                <div class="name">34模板、框架-线性</div>
                <div class="code-name">#mt-mobankuangjia-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-mobankuangjia"></use>
                </svg>
                <div class="name">34模板、框架</div>
                <div class="code-name">#mt-mobankuangjia</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-xinwenzixun"></use>
                </svg>
                <div class="name">35新闻、资讯</div>
                <div class="code-name">#mt-xinwenzixun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-xinwenzixun-xianxing"></use>
                </svg>
                <div class="name">35新闻、资讯-线性</div>
                <div class="code-name">#mt-xinwenzixun-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-hezuoguanxi-xianxing"></use>
                </svg>
                <div class="name">36合作、关系-线性</div>
                <div class="code-name">#mt-hezuoguanxi-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-hezuoguanxi"></use>
                </svg>
                <div class="name">36合作、关系</div>
                <div class="code-name">#mt-hezuoguanxi</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt--fuwu-xianxing"></use>
                </svg>
                <div class="name">37-服务-线性</div>
                <div class="code-name">#mt--fuwu-xianxing</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt--fuwu"></use>
                </svg>
                <div class="name">37-服务</div>
                <div class="code-name">#mt--fuwu</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-roundcheckfill"></use>
                </svg>
                <div class="name">round_check_fill</div>
                <div class="code-name">#mt-roundcheckfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-roundcheck"></use>
                </svg>
                <div class="name">round_check</div>
                <div class="code-name">#mt-roundcheck</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-roundclosefill"></use>
                </svg>
                <div class="name">round_close_fill</div>
                <div class="code-name">#mt-roundclosefill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-roundclose"></use>
                </svg>
                <div class="name">round_close</div>
                <div class="code-name">#mt-roundclose</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-timefill"></use>
                </svg>
                <div class="name">time_fill</div>
                <div class="code-name">#mt-timefill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-time"></use>
                </svg>
                <div class="name">time</div>
                <div class="code-name">#mt-time</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-likefill"></use>
                </svg>
                <div class="name">like_fill</div>
                <div class="code-name">#mt-likefill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-like"></use>
                </svg>
                <div class="name">like</div>
                <div class="code-name">#mt-like</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-scan"></use>
                </svg>
                <div class="name">scan</div>
                <div class="code-name">#mt-scan</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-qrcode"></use>
                </svg>
                <div class="name">qr_code</div>
                <div class="code-name">#mt-qrcode</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-home"></use>
                </svg>
                <div class="name">home</div>
                <div class="code-name">#mt-home</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-homefill"></use>
                </svg>
                <div class="name">home_fill</div>
                <div class="code-name">#mt-homefill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-lock"></use>
                </svg>
                <div class="name">lock</div>
                <div class="code-name">#mt-lock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-unlock"></use>
                </svg>
                <div class="name">unlock</div>
                <div class="code-name">#mt-unlock</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-friendaddfill"></use>
                </svg>
                <div class="name">friend_add_fill</div>
                <div class="code-name">#mt-friendaddfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-friendadd"></use>
                </svg>
                <div class="name">friend_add</div>
                <div class="code-name">#mt-friendadd</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-squarecheckfill"></use>
                </svg>
                <div class="name">square_check_fill</div>
                <div class="code-name">#mt-squarecheckfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-square"></use>
                </svg>
                <div class="name">square</div>
                <div class="code-name">#mt-square</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-squarecheck"></use>
                </svg>
                <div class="name">square_check</div>
                <div class="code-name">#mt-squarecheck</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round"></use>
                </svg>
                <div class="name">round</div>
                <div class="code-name">#mt-round</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-roundaddfill"></use>
                </svg>
                <div class="name">round_add_fill</div>
                <div class="code-name">#mt-roundaddfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-roundadd"></use>
                </svg>
                <div class="name">round_add</div>
                <div class="code-name">#mt-roundadd</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-add"></use>
                </svg>
                <div class="name">add</div>
                <div class="code-name">#mt-add</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-vipcard"></use>
                </svg>
                <div class="name">vipcard</div>
                <div class="code-name">#mt-vipcard</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-voice"></use>
                </svg>
                <div class="name">voice</div>
                <div class="code-name">#mt-voice</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-voicefill"></use>
                </svg>
                <div class="name">voice_fill</div>
                <div class="code-name">#mt-voicefill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-countdownfill"></use>
                </svg>
                <div class="name">countdown_fill</div>
                <div class="code-name">#mt-countdownfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-countdown"></use>
                </svg>
                <div class="name">countdown</div>
                <div class="code-name">#mt-countdown</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-creativefill"></use>
                </svg>
                <div class="name">creative_fill</div>
                <div class="code-name">#mt-creativefill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-creative"></use>
                </svg>
                <div class="name">creative</div>
                <div class="code-name">#mt-creative</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-newfill"></use>
                </svg>
                <div class="name">new_fill</div>
                <div class="code-name">#mt-newfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-new"></use>
                </svg>
                <div class="name">new</div>
                <div class="code-name">#mt-new</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-markfill"></use>
                </svg>
                <div class="name">mark_fill</div>
                <div class="code-name">#mt-markfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-mark"></use>
                </svg>
                <div class="name">mark</div>
                <div class="code-name">#mt-mark</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-sponsorfill"></use>
                </svg>
                <div class="name">sponsor_fill</div>
                <div class="code-name">#mt-sponsorfill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-sponsor"></use>
                </svg>
                <div class="name">sponsor</div>
                <div class="code-name">#mt-sponsor</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-home_fill_light"></use>
                </svg>
                <div class="name">home_fill_light</div>
                <div class="code-name">#mt-home_fill_light</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-scan_light"></use>
                </svg>
                <div class="name">scan_light</div>
                <div class="code-name">#mt-scan_light</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-camera_light"></use>
                </svg>
                <div class="name">camera_light</div>
                <div class="code-name">#mt-camera_light</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-news_fill_light"></use>
                </svg>
                <div class="name">news_fill_light</div>
                <div class="code-name">#mt-news_fill_light</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-news_hot_fill_light"></use>
                </svg>
                <div class="name">news_hot_fill_light</div>
                <div class="code-name">#mt-news_hot_fill_light</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-news_hot_light"></use>
                </svg>
                <div class="name">news_hot_light</div>
                <div class="code-name">#mt-news_hot_light</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-message_fill_light"></use>
                </svg>
                <div class="name">message_fill_light</div>
                <div class="code-name">#mt-message_fill_light</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-group_fill_light"></use>
                </svg>
                <div class="name">group_fill_light</div>
                <div class="code-name">#mt-group_fill_light</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-deliver_fill"></use>
                </svg>
                <div class="name">deliver_fill</div>
                <div class="code-name">#mt-deliver_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-qr_code_light"></use>
                </svg>
                <div class="name">qr_code_light</div>
                <div class="code-name">#mt-qr_code_light</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round_light_fill"></use>
                </svg>
                <div class="name">round_light_fill</div>
                <div class="code-name">#mt-round_light_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round_favor_fill"></use>
                </svg>
                <div class="name">round_favor_fill</div>
                <div class="code-name">#mt-round_favor_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round_menu_fill"></use>
                </svg>
                <div class="name">round_menu_fill</div>
                <div class="code-name">#mt-round_menu_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round_location_fill"></use>
                </svg>
                <div class="name">round_location_fill</div>
                <div class="code-name">#mt-round_location_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round_pay_fill"></use>
                </svg>
                <div class="name">round_pay_fill</div>
                <div class="code-name">#mt-round_pay_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round_like_fill"></use>
                </svg>
                <div class="name">round_like_fill</div>
                <div class="code-name">#mt-round_like_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round_people_fill"></use>
                </svg>
                <div class="name">round_people_fill</div>
                <div class="code-name">#mt-round_people_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round_pay"></use>
                </svg>
                <div class="name">round_pay</div>
                <div class="code-name">#mt-round_pay</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round_rank_fill"></use>
                </svg>
                <div class="name">round_rank_fill</div>
                <div class="code-name">#mt-round_rank_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round_redpacket_fill"></use>
                </svg>
                <div class="name">round_redpacket_fill</div>
                <div class="code-name">#mt-round_redpacket_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round_skin_fill"></use>
                </svg>
                <div class="name">round_skin_fill</div>
                <div class="code-name">#mt-round_skin_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round_record_fill"></use>
                </svg>
                <div class="name">round_record_fill</div>
                <div class="code-name">#mt-round_record_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round_ticket_fill"></use>
                </svg>
                <div class="name">round_ticket_fill</div>
                <div class="code-name">#mt-round_ticket_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round_redpacket"></use>
                </svg>
                <div class="name">round_redpacket</div>
                <div class="code-name">#mt-round_redpacket</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round_text_fill"></use>
                </svg>
                <div class="name">round_text_fill</div>
                <div class="code-name">#mt-round_text_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round_ticket"></use>
                </svg>
                <div class="name">round_ticket</div>
                <div class="code-name">#mt-round_ticket</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-round_transfer_fill"></use>
                </svg>
                <div class="name">round_transfer_fill</div>
                <div class="code-name">#mt-round_transfer_fill</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-subtitle_block_light"></use>
                </svg>
                <div class="name">subtitle_block_light</div>
                <div class="code-name">#mt-subtitle_block_light</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-xiaoheiqun"></use>
                </svg>
                <div class="name">xiaoheiqun</div>
                <div class="code-name">#mt-xiaoheiqun</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-mall_light"></use>
                </svg>
                <div class="name">mall_light</div>
                <div class="code-name">#mt-mall_light</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-mall_fill_light"></use>
                </svg>
                <div class="name">mall_fill_light</div>
                <div class="code-name">#mt-mall_fill_light</div>
            </li>
          
            <li class="dib">
                <svg class="icon svg-icon" aria-hidden="true">
                  <use xlink:href="#mt-card_fill"></use>
                </svg>
                <div class="name">card_fill</div>
                <div class="code-name">#mt-card_fill</div>
            </li>
          
          </ul>
          <div class="article markdown">
          <h2 id="symbol-">Symbol 引用</h2>
          <hr>

          <p>这是一种全新的使用方式，应该说这才是未来的主流，也是平台目前推荐的用法。相关介绍可以参考这篇<a href="">文章</a>
            这种用法其实是做了一个 SVG 的集合，与另外两种相比具有如下特点：</p>
          <ul>
            <li>支持多色图标了，不再受单色限制。</li>
            <li>通过一些技巧，支持像字体那样，通过 <code>font-size</code>, <code>color</code> 来调整样式。</li>
            <li>兼容性较差，支持 IE9+，及现代浏览器。</li>
            <li>浏览器渲染 SVG 的性能一般，还不如 png。</li>
          </ul>
          <p>使用步骤如下：</p>
          <h3 id="-symbol-">第一步：引入项目下面生成的 symbol 代码：</h3>
<pre><code class="language-html">&lt;script src="./iconfont.js"&gt;&lt;/script&gt;
</code></pre>
          <h3 id="-css-">第二步：加入通用 CSS 代码（引入一次就行）：</h3>
<pre><code class="language-html">&lt;style&gt;
.icon {
  width: 1em;
  height: 1em;
  vertical-align: -0.15em;
  fill: currentColor;
  overflow: hidden;
}
&lt;/style&gt;
</code></pre>
          <h3 id="-">第三步：挑选相应图标并获取类名，应用于页面：</h3>
<pre><code class="language-html">&lt;svg class="icon" aria-hidden="true"&gt;
  &lt;use xlink:href="#icon-xxx"&gt;&lt;/use&gt;
&lt;/svg&gt;
</code></pre>
          </div>
      </div>

    </div>
  </div>
  <script>
  $(document).ready(function () {
      $('.tab-container .content:first').show()

      $('#tabs li').click(function (e) {
        var tabContent = $('.tab-container .content')
        var index = $(this).index()

        if ($(this).hasClass('active')) {
          return
        } else {
          $('#tabs li').removeClass('active')
          $(this).addClass('active')

          tabContent.hide().eq(index).fadeIn()
        }
      })
    })
  </script>
</body>
</html>
